import React from "react";
import ReactECharts from "echarts-for-react";

const CurveGraph: React.FC = () => {
  const options = {
    grid: { left: 20, top: 20, right: 20, bottom: 20, containLabel: true },
    xAxis: {
      type: "category",
      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
    },
    yAxis: {
      type: "value"
    },
    series: [
      {
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: "line",
        smooth: true
      }
    ],
    tooltip: {
      trigger: "axis",
      axisPointer: {
        type: "shadow"
      }
    }
  };

  return <ReactECharts option={options} />;
};
export default CurveGraph;
